JavaScript 


<p>The programming 
language of the 
web!</p> 


Powers most of the 
dynamic behavior 


RECAD 


unlimited characters 


om | 
Create Table (xxx) 
[xxx] 
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RECAD 


<table> 
<thead>...</thead> 
<tbody> 


<td>Princess</td> 
<td>Carolyn</td> 


</tr> 
<E > </ Ere 
</tbody> 
</table> 


Kirst Name 


<tr> Princess 


Carolyn 


“Strings Cont'd” 


Learning Objectives 


To represent a new-line in our strings 

To get the char at a particular index 

To get the length of a string 

Convert a string to uppercase and lowercase 
Replace occurrences of a substring 


Slice a string to return the chars between a specific pair of indexes 
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Loooong Strings 


Sometimes we need our strings fo soan multiple lines 


- let myLongString = Lets suppose that you were able’ 
+ 
‘every night to dream any dream you wanted to 
dream + 


a 
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let myLongString = ‘Lets suppose that you were able’ + 
‘every night to dream any dream you wanted to dream’ + 
And you would naturally as you began on this’ + 
‘adventure of dreams, you would fulfill all your wishes” 
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' a 


New Line 


But then, how would we represent an actual 
new-line in our string? 


= 
—| 


Problem 


What if we wanted To represent the " character in 
OUr STrING? 
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Problem 


What if we wanted To represent the " character in 


OUr String? 
feeeion: \" 
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Bonus Self-Reading 


Template Strings 


let a = 1337 
Let myString = “The numbel 


Console Output 


> The number is 1337 


String Methods 


And properties 


LY Remember? 
ii 


Strings are just a bunch of characiers “stringed” 


together in a series character 


Hlelijzjo] [wlofr|ajal: 
a 


This is a string 
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STriNgSs 


It’s possible to get a character trom the string by 
its index 


Like saying “| want the third book on the shelt” 


RA ESERESESESED 


STriNgSs 
Computers like to count trom 0 instead of 1 


So to get the first character we can write 


character 


ra 
mem) zleliiilo] [wlolr|ijals| 
Let firstChar = myString[®@] 

Ls £2 ee fee 


This is a string 
We put the “index” between square brackets 


let myString = "my string” 
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STriNgS 


Therefore: 


ESRRESESESERES 
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String Length 


Every string has a “length” property with the 


number of characters in the string. wus 
| 


character 


4 
Hfeja{ajo} |wie}e|zja}y 
(0123 4 5 67 8 9 1011, 


This is a string 
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Question 


How would you get the last character of a string? 


String|[string.length - 1] 


grees 


EIEYENENEVINCIEVEVEVEEN 
ee 


This Is a string 


Why -1¢ 


O based indexing! 


Out of Range 


If you try fo access an index >= string.length 


EAESERESEARAES 


The result will be undefined yy 
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String Methods 


Every string also has “methods” 


These are operations that can be performed on 
the string instance 


String Case Conversion 
Want to get your message across¢ 


@|-  YELLIT IN ALL UPPERCASE LETTERS! 


Ao PINEAPPLE 1 DOLLAR 
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String Case Conversion 


Similarly we can use string.toLowerCase{) to 
convert the string To all lower letters. 


PINEAPPLE 1 DOLLAR —_), pineapple 1 dollar 
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String Case Conversion 


Notice that we're invoking (== performing) the “toLowerCase’” 
operation on the string when we add the () parenthesis 


Secret Code 


Send = Throw * 


“send the money fo the drop-off fomorrow aft 10” 
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Secret Code 


Let message = “send the money to the drop-off tomorrow at 1" 


message = message.replace("money", "tea") 
message = message.replace("dropoff", "river" 
message message.replace("send", "throw" ) 


Slice 


let cake = ‘S8Z82278” 


Wow. Look at 
that delicious 
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Slice 


let cake = “28222278” 


Slice returns the characters between the starting 
index and the ending index (end not included) 
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ASCII 


Using these numbers, we can represent all the 
different letters! 


A 65 1000001 
B 66 1000010 
a 97 1100001 
(0) 30 11110 


This is called the ASCII character encoding 
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Character codes in JavaScript 
Strings have the charCodeAt method: 
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Summary 


Summary 


Convert string to uppercase 


myString. 


Convert string to lowercase 


myString. 


/Replace occurrences of a 
Substring 


myString. 


Returns chars between 
Starting and ending index 


myString. (O,>2) 


Summary 


Convert char to code 


Convert code to char 
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4 


Questions? 


$ 
Sentinel 


